@charset "UTF-8";
@import "common/common";
html,body{
  width:100%;
  height:100%;
  background: #f5f5f5;
}
//input框
.g-inputBox{
  height:.84rem;
  line-height:.84rem;
  padding: 0 .40rem;
  background: #fff;
  @include displayFlex;
  .inner{
    padding: 0 .40rem;
    @include borderRadius(#e4e4e4,40px);
    @include flex(1);
    @include displayFlex;
    .inputBox{
      @include flex(1);
      border: none;
      color: #aaa;
      font-size: 13px;
      ::-webkit-input-placeholder {
        color: #3a3a3a;
        font-size: 13px;
      }
    }
  }
}
//select框
.g-selectBox{
  height:.84rem;
  line-height:.84rem;
  padding: 0 .40rem;
  background: #fff;
  @include displayFlex;
  .inner{
    @include flex(1);
    position: relative;
    .selectedTxt{
      position: absolute;
      top:0;
      left:0;
      z-index: 10;
      height:100%;
      padding: 0 .40rem;
      background: url("../images/left.png") no-repeat right 20px center;
      background-size:.15rem;
      @include borderRadius(#e4e4e4,40px);
      font-size: 13px;
      color: #aaa;
    }
    .selectBox{
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      z-index: 15;
      border: none;
      color: #aaa;
      font-size: 13px;
      opacity:0;
    }
  }
  &.active{
    .inner{
      .selectedTxt{
        color: #3a3a3a;
      }
    }
  }
}